// pages/chat/chat.js
Page({

  data: {
      scrollTop:0,
      list:[]
  },

  onLoad: function () {
     wx.connectSocket({
      url: 'ws://localhost:8001'
    })

    wx.onSocketOpen(function (res) {
      console.log("连接成功")
    })
    
    wx.onSocketMessage(res => {
      var data = JSON.parse(res.data);
      // data.id = this.id++
      data.role = 'server'
      var list = this.data.list

      list.push(data)

      this.setData({
        list: list
      })
    })
  },

  count:0,
  message:'',

  send:function(){
    // 判断消息是否为空
    if(this.message){
      wx.sendSocketMessage({
        data: this.message
      })
      var list = this.data.list 
      list.push({
        id:this.count++,
        content:this.message,
        role:'me'
      })
      this.setData({
        list:list
      })
      // this.rollingBottom()
    }else{
      wx.showToast({
        title: '消息不能为空',
      })
    }
  },
  bindChange(res){
    this.message = res.detail.value
  },
 

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

})